﻿<li class="dropdown hidden-phone">
                <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                    <i class="icon-envelope icon-white"></i><span class="label label-success hidden-phone">9</span>
                </a>
                <ul class="dropdown-menu messages">
                    <li>
                        <span class="dropdown-menu-title">You have 9 messages</span>
                    </li>
                    <li>
                        <a href="#">
                            <span class="avatar">
                                <img src="@Url.Content("~/Content/img/avatar.jpg")" alt="Avatar"></span>
                            <span class="header">
                                <span class="from">Łukasz Holeczek </span>
                                <span class="time">6 min </span>
                            </span>
                            <span class="message">Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore </span>
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <span class="avatar">
                                <img src="@Url.Content("~/Content/img/avatar5.jpg")" alt="Avatar"></span>
                            <span class="header">
                                <span class="from">Jane Sanders </span>
                                <span class="time">Jul 25, 2012 </span>
                            </span>
                            <span class="message">Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore </span>
                        </a>
                    </li>
                    <li>
                        <a class="dropdown-menu-sub-footer">View all messages</a>
                    </li>
                </ul>
            </li>